<template>
  <div>
    <el-row type="flex" justify="space-between" style="margin-top: 25px">
      <el-col class="withdrawal-info-title" />
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="10">
          收车问题扣取押金：
        </el-col>
        <el-col :span="9">
          {{ row.withdrawal ? row.withdrawal : '-' }}
        </el-col>
      </el-col>
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="10">
          附件凭证：
        </el-col>
        <el-col :span="9">
          <!-- <img :src="row.host+row.annex" alt=""> -->
          <div class="withdrawal-info-img" />
        </el-col>
      </el-col>
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="10">
          备注信息：
        </el-col>
        <el-col :span="10">
          {{ row.annexDes ? row.annexDes : '-' }}
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'WithDrawalInfo',
  props: {
    row: {
      type: Object,
      default() {
        return {}
      }
    }
  }
}
</script>

<style scoped>
  .withdrawal-info-title {
    border-bottom: 1px solid #ddd;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
  }
  .withdrawal-info-img {
    width: 160px;
    height: 96px;
    border: 1px solid #000
  }
</style>
